<!DOCTYPE html>
<html lang="zh-cn">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <title>Libido Chateau</title>
  <meta name="renderer" content="webkit" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>

<meta http-equiv="Cache-Control" content="no-transform" />
<meta http-equiv="Cache-Control" content="no-siteapp" />

<meta name="theme-color" content="#f8f5ec" />
<meta name="msapplication-navbutton-color" content="#f8f5ec">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="#f8f5ec">


<meta name="author" content="迷幻主义搬砖号子" /><meta name="description" content="搬砖前先定义问题。定义构成问题的每个关键概念，划出问题的边界。这是搬砖一整个肮脏而繁重的愚蠢过程中唯一具备哲学性的光辉阶段。" /><meta name="keywords" content="数据, 时评, 人文" />


<meta name="baidu-site-verification" content="k5CktWnwfR" />
<meta name="google-site-verification" content="lO7fVN8Jm2sjiBOcR2knmNBKjtWcxS6KbuZYl2yELwA" />


<meta name="generator" content="Hugo 0.108.0 with theme even" />


<link rel="canonical" href="https://madlogos.github.io/" />
  <link href="https://madlogos.github.io/index.xml" rel="alternate" type="application/rss+xml" title="Libido Chateau" />
  <link href="https://madlogos.github.io/index.xml" rel="feed" type="application/rss+xml" title="Libido Chateau" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/manifest.json">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">

<script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>

<link href="/sass/main.min.67ad89b7ca43747ca0757fa0c720e4a26dfb092d0c625a7e1f3b937263f7d48d.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css" integrity="sha256-Vzbj7sDDS/woiFS3uNKo8eIuni59rjyNGtXfstRzStA=" crossorigin="anonymous">
<link rel="stylesheet" href="/css/custom.css">


<meta property="og:title" content="Libido Chateau" />
<meta property="og:description" content="搬砖前先定义问题。定义构成问题的每个关键概念，划出问题的边界。这是搬砖一整个肮脏而繁重的愚蠢过程中唯一具备哲学性的光辉阶段。" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://madlogos.github.io/" />

<meta itemprop="name" content="Libido Chateau">
<meta itemprop="description" content="搬砖前先定义问题。定义构成问题的每个关键概念，划出问题的边界。这是搬砖一整个肮脏而繁重的愚蠢过程中唯一具备哲学性的光辉阶段。"><meta name="twitter:card" content="summary"/>
<meta name="twitter:title" content="Libido Chateau"/>
<meta name="twitter:description" content="搬砖前先定义问题。定义构成问题的每个关键概念，划出问题的边界。这是搬砖一整个肮脏而繁重的愚蠢过程中唯一具备哲学性的光辉阶段。"/>

<!--[if lte IE 9]>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/classlist/1.1.20170427/classList.min.js"></script>
<![endif]-->

<!--[if lt IE 9]>
  <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
<![endif]-->

</head>
<body>
  <div id="mobile-navbar" class="mobile-navbar">
  <div class="mobile-header-logo">
    <a href="/" class="logo">Libido Chateau</a>
  </div>
  <div class="mobile-navbar-icon">
    <span></span>
    <span></span>
    <span></span>
  </div>
</div>
<nav id="mobile-menu" class="mobile-menu slideout-menu">
  <ul class="mobile-menu-list">
    <a href="/">
        <li class="mobile-menu-item">首页</li>
      </a><a href="/post/">
        <li class="mobile-menu-item">归档</li>
      </a><a href="/tags/">
        <li class="mobile-menu-item">标签</li>
      </a><a href="/categories/">
        <li class="mobile-menu-item">分类</li>
      </a><a href="/about/">
        <li class="mobile-menu-item">关于</li>
      </a>
  </ul>

  


</nav>

  <div class="container" id="mobile-panel">
    <header id="header" class="header">
        <div class="logo-wrapper">
  <a href="/" class="logo">Libido Chateau</a>
</div>





<nav class="site-navbar">
  <ul id="menu" class="menu">
    <li class="menu-item">
        <a class="menu-item-link" href="/">首页</a>
      </li><li class="menu-item">
        <a class="menu-item-link" href="/post/">归档</a>
      </li><li class="menu-item">
        <a class="menu-item-link" href="/tags/">标签</a>
      </li><li class="menu-item">
        <a class="menu-item-link" href="/categories/">分类</a>
      </li><li class="menu-item">
        <a class="menu-item-link" href="/about/">关于</a>
      </li>
  </ul>
</nav>

    </header>

    <main id="main" class="main">
      <div class="content-wrapper">
        <div id="content" class="content">
          <section id="posts" class="posts">
    <article class="post">
  <header class="post-header">
    <h1 class="post-title"><a class="post-link" href="/post/imacros_zyb_cnaps_scrapy/">iMacros脚本运行三天，爬取了40万行现代化支付行号</a></h1>
    <div class="post-meta">
      <span class="post-time"> 2017-11-28 </span>
      <div class="post-category">
          <a href="/categories/%E6%8A%80%E6%9C%AF/"> 技术 </a>
          </div>
        <span class="more-meta"> 约 6065 字 </span>
        <span class="more-meta"> 预计阅读 13 分钟 </span>
    </div>
  </header>
  
  <div class="post-content">
    <div class="post-summary">
      <h2 id="离题万里的开场">离题万里的开场</h2>
<p>码农界有个著名的“三次法则 (rule of three)”：<strong>如果一段代码重复出现了三次，就要考虑抽出来写一个子程序，以便复用</strong>。这是条宝贵的法则，可以衍生出更多的强迫症版本，随随便便就能举出很多喜闻乐见的例子：</p>
<div class="admonition example"><p class="admonition-title">比如</p>
<ul>
<li>一个词在同一句话里出现三次就不能忍，必须换近义词；</li>
<li>一件事手动做三次就不能忍，必须写程序自动化；</li>
<li>一顿饭重复吃三口就不能忍，必须开发一个喂饭机；</li>
<li>同一处空气重复呼吸三口就不能忍，必须装一台呼吸机</li>
</ul>
<p>……</p>
</div>
<p>发人深省，对不对？这些正是当今最严肃而真实的信仰，有着最为坚定的践行者。<del>在古代</del>2015年全球最大的雄性交友平台GitHub上出了个网红毛子码农、脚本狂魔<a href="https://github.com/NARKOZ/hacker-scripts">Narkoz</a>，他的人生信条是：<strong>如果一件事要耗费自己90秒以上，那就写个脚本</strong>。这些奇葩的脚本包括：</p>
<div class="admonition example"><p class="admonition-title">脚本</p>
<ul>
<li>如加班到21点以后就自动给老婆发马屁短信；</li>
<li>收到蠢货DBA的任何求助邮件后自动恢复数据库的最近备份</li>
<li>让咖啡机等待17秒然后煮杯咖啡并等待24秒再灌入杯子（正好是作者起身走到咖啡机前的耗时）</li>
<li>……</li>
</ul>
</div>
<p>从时间效益的经济学评价来讲，这个准则烂透了。这好比为了节约每天通勤的公交车钱，去买了一辆跑车。但跑车本身还是很拉风的。若能竖立起极客死宅的品牌形象，还是可能会产生某些<strong>潜在的</strong>溢价——比如说，会有更多的人请你修电脑。</p>
<p>判断一个人是否天生适合当码农，很重要的一点就是看他/她有没有这种懒癌强迫症。而这种强迫症的形上学本质是：<strong>对自由王国的无尽向往</strong>。——重复劳动太蠢了，它侮辱人类的尊严，阻碍我们证法悟道，必须消灭。这就是自动化的诞生。</p>
<p>所以——尽管技术上跌跌撞撞，也并不妨碍我隔三差五搞个三脚猫爬虫出来。这回的主题又跳跃了：爬取现代化支付行号。</p>
<h2 id="这就带来了第一个问题">这就带来了第一个问题</h2>
<figure class="center"><img src="https://gh-1251443721.cos.ap-chengdu.myqcloud.com/2017/1128/yilianmengbi.jpg"/><figcaption>
            <h4>蛤？这是啥？</h4>
        </figcaption>
</figure>
    </div>
    <div class="read-more">
      <a href="/post/imacros_zyb_cnaps_scrapy/" class="read-more-link">阅读更多</a>
    </div>
  </div>
</article>

    <article class="post">
  <header class="post-header">
    <h1 class="post-title"><a class="post-link" href="/post/song_ming_qing_jinshi_interactive/">【动态图版】北宋、明清进士空间可视化分析</a></h1>
    <div class="post-meta">
      <span class="post-time"> 2017-04-30 </span>
      <div class="post-category">
          <a href="/categories/%E5%8F%AF%E8%A7%86%E5%8C%96/"> 可视化 </a>
          </div>
        <span class="more-meta"> 约 3604 字 </span>
        <span class="more-meta"> 预计阅读 8 分钟 </span>
    </div>
  </header>
  
  <div class="post-content">
    <div class="post-summary">
      <div class="admonition warning"><p class="admonition-title">注意</p>
<p>如果浏览器提示本文加载了不安全的脚本，请点允许。</p>
</div>
<p>今次主题比较简单。上个话题留了点冷饭，看起来还没馊，咱敲个鸡蛋炒个蛋炒饭。</p>
<p>炒个什么蛋炒饭呢？——动态图(dynamic charts)。这也是应留言要求额外发的番外。基本和分析关系不大，纯粹是可视化范畴。</p>
<h3 id="动态图">动态图</h3>
<p>通常我们看到的都是静态图，最常见的是.jpg、.png这类位图，逼格高一点的会用到.svg矢量图。但它们都是死图，所有图形元素都不会动。某些情况下，我们不仅要把统计结果映射到特定的视觉通道，还希望表现其历时性，或者允许用户自己进行挖掘。这就需要让图形部件动起来。</p>
<ul>
<li>一种方法是做成动画(animation)。</li>
</ul>
<p>R有个名包，叫animation，可以用它压制.gif，用在社交媒体效果足够醒目。它的基本思路就是拿出一维来映射时间，基于时间点对数据切片、统计、制图，最后把静态图们合成一个动画。</p>
<ul>
<li>还有一种方法是交互图(interactive charts)。</li>
</ul>
<p>把统计数据绑定到JavaScript控件上，定义好交互方法，用户即可在网页上通过控件操作来调整视觉呈现（切片、缩放、改变类型等）。RStudio发过一个工具框架包htmlwidgets，可以很方便地把已有的JavaScript可视化库移植到R。我们今天就要用到其中的两个：ECharts2和leaflet。</p>
<p>如果再进一步，就是数据交互面板了。R有shiny及其系列衍生品，比如flexboard。想象一下作战室交互图仪表盘面板，几行命令就做出来了。简直酷炫。但是这需要部署在shiny服务器上。</p>
    </div>
    <div class="read-more">
      <a href="/post/song_ming_qing_jinshi_interactive/" class="read-more-link">阅读更多</a>
    </div>
  </div>
</article>

    <article class="post">
  <header class="post-header">
    <h1 class="post-title"><a class="post-link" href="/post/song_ming_qing_jinshi/">北宋、明清进士空间分析</a></h1>
    <div class="post-meta">
      <span class="post-time"> 2017-04-23 </span>
      <div class="post-category">
          <a href="/categories/%E6%95%B0%E6%8D%AE/"> 数据 </a>
          </div>
        <span class="more-meta"> 约 5962 字 </span>
        <span class="more-meta"> 预计阅读 12 分钟 </span>
    </div>
  </header>
  
  <div class="post-content">
    <div class="post-summary">
      <h2 id="哈佛人文地理可视化平台">哈佛人文地理可视化平台</h2>
<p>周末找在线GIS素材，误打误撞进到了worldmap.harvard.edu——一座名副其实的学术宝库。它是哈佛大学搞的一个<strong>开源</strong>地理可视化平台，社会、经济、历史学科的学者可以自己创建、上传数据集，方便地做多图层地理可视化。这个设计充满学术理想，也为有志于成为世界一流名校的大学树立了一座看得见摸得着的价值标杆：<strong>卓越、开放、自治、共享</strong>。</p>
<p>中国地图 &lt;worldmap.harvard.edu/chinamap&gt; 是其中一个子站，已经上线多个数据层，包括社会/人口、经济、交通、能源、环境/气候、公共卫生，甚至历史地图。比如下面的视图，就是细化到县级的人口密度热力图，默认叠加在OpenStreetMap底图上，效果非常棒。</p>
<!-- {% raw %} -->
<figure class="center"><img src="https://gh-1251443721.cos.ap-chengdu.myqcloud.com/2017/0423/wmap_harvard.png"/><figcaption>
            <h4>图 | 哈佛中国地图</h4>
        </figcaption>
</figure>
<!-- {% endraw %} -->
<p>让我特别感兴趣的是历史地图部分。上面赫然列着北宋、明、清的进士散点图和热力图。当把它们和当今人口密度热力图叠加显示，我们会惊讶地发现过去一千年来盛产进士的地方，几乎严丝合缝地对应着今天中国人口最稠密的地区。进士分布只能指示那个时代的财富分布。但把千年以来的进士之乡叠加起来（如同叠加起无数个财富变迁的历史断面），就能看到这些财富分布的残影。而古今之间的这种辉映，说明今天的人们依然在从宋以降的这种“地气”大格局中受惠。</p>
<p>右键这三个进士数据层，选择“Share Layer”，就能看到一个分享页面。除了视图本身，还有参考数据集的链接，可以导出多种格式。我们导一个Excel出来。Excel的名称是CBDB_exams_NSong_WGS84_kto.xls。</p>
<!-- {% raw %} -->
<figure class="center"><img src="https://gh-1251443721.cos.ap-chengdu.myqcloud.com/2017/0423/cbdb_data.png"/><figcaption>
            <h4>图 | CBDB科举数据集</h4>
        </figcaption>
</figure>
<!-- {% endraw %} -->
<p>这就十分厉害了：</p>
<ol>
<li>CBDB，是大名鼎鼎的哈佛中国历代人物传记数据库(China Biographical Database)。这个图层的基础，来自CBDB，可靠性就有保障了。这个数据库内容非常丰富，后面还会用到；</li>
<li>WGS84，说明坐标系用的是WGS-84坐标系，所以只要利用基于WGS-84的GIS工具，就不需要针对GCJ-02或BD-09做逆偏置了。</li>
</ol>
    </div>
    <div class="read-more">
      <a href="/post/song_ming_qing_jinshi/" class="read-more-link">阅读更多</a>
    </div>
  </div>
</article>

    <article class="post">
  <header class="post-header">
    <h1 class="post-title"><a class="post-link" href="/post/infectdis_stat3/">一次不太成功的搬砖（下）：rvest爬取法定传染病疫情月报数据</a></h1>
    <div class="post-meta">
      <span class="post-time"> 2017-04-16 </span>
      <div class="post-category">
          <a href="/categories/%E6%95%B0%E6%8D%AE/"> 数据 </a>
          </div>
        <span class="more-meta"> 约 4514 字 </span>
        <span class="more-meta"> 预计阅读 10 分钟 </span>
    </div>
  </header>
  
  <div class="post-content">
    <div class="post-summary">
      <h2 id="甲乙丙类每月发病死亡数">甲乙丙类每月发病、死亡数</h2>
<p><a href="/post/infectdis_stat2/">接上篇</a></p>
<div class="highlight"><div class="chroma">
<table class="lntable"><tr><td class="lntd">
<pre tabindex="0" class="chroma"><code><span class="lnt">1
</span></code></pre></td>
<td class="lntd">
<pre tabindex="0" class="chroma"><code class="language-r" data-lang="r"><span class="line"><span class="cl"><span class="nf">library</span><span class="p">(</span><span class="n">data.table</span><span class="p">)</span>
</span></span></code></pre></td></tr></table>
</div>
</div><p>看一下甲乙丙类每个月的发病和死亡例数。</p>
<div class="highlight"><div class="chroma">
<table class="lntable"><tr><td class="lntd">
<pre tabindex="0" class="chroma"><code><span class="lnt">1
</span><span class="lnt">2
</span><span class="lnt">3
</span></code></pre></td>
<td class="lntd">
<pre tabindex="0" class="chroma"><code class="language-r" data-lang="r"><span class="line"><span class="cl"><span class="n">sta</span> <span class="o">&lt;-</span> <span class="nf">dcast</span><span class="p">(</span><span class="n">dat</span><span class="p">,</span> 日期 <span class="o">~</span> 分类<span class="p">,</span> <span class="n">sum</span><span class="p">,</span> <span class="n">value.var</span><span class="o">=</span><span class="s">&#34;发病数&#34;</span><span class="p">)</span>
</span></span><span class="line"><span class="cl"><span class="n">sta</span> <span class="o">&lt;-</span> <span class="nf">melt</span><span class="p">(</span><span class="n">sta[</span><span class="p">,</span><span class="nf">names</span><span class="p">(</span><span class="n">sta</span><span class="p">)</span> <span class="o">!=</span> <span class="s">&#34;NA&#34;</span><span class="n">]</span><span class="p">,</span> <span class="n">id</span><span class="o">=</span><span class="s">&#34;日期&#34;</span><span class="p">,</span> <span class="n">variable.name</span><span class="o">=</span><span class="s">&#34;分类&#34;</span><span class="p">)</span>
</span></span><span class="line"><span class="cl"><span class="nf">makeTsPlot</span><span class="p">(</span><span class="n">sta</span><span class="p">,</span> <span class="s">&#34;法定传染病每月发病数&#34;</span><span class="p">,</span> <span class="n">xlab</span><span class="o">=</span><span class="s">&#34;年月&#34;</span><span class="p">,</span> <span class="n">ylab</span><span class="o">=</span><span class="s">&#34;例数&#34;</span><span class="p">)</span>
</span></span></code></pre></td></tr></table>
</div>
</div><figure class="center"><img src="https://gh-1251443721.cos.ap-chengdu.myqcloud.com/2017/0406/inc_trend.png"/><figcaption>
            <h4>图 | 法定传染病每月发病数</h4>
        </figcaption>
</figure>
<div class="highlight"><div class="chroma">
<table class="lntable"><tr><td class="lntd">
<pre tabindex="0" class="chroma"><code><span class="lnt">1
</span><span class="lnt">2
</span><span class="lnt">3
</span></code></pre></td>
<td class="lntd">
<pre tabindex="0" class="chroma"><code class="language-r" data-lang="r"><span class="line"><span class="cl"><span class="n">sta</span> <span class="o">&lt;-</span> <span class="nf">dcast</span><span class="p">(</span><span class="n">dat</span><span class="p">,</span> 日期 <span class="o">~</span> 分类<span class="p">,</span> <span class="n">sum</span><span class="p">,</span> <span class="n">value.var</span><span class="o">=</span><span class="s">&#34;死亡数&#34;</span><span class="p">)</span>
</span></span><span class="line"><span class="cl"><span class="n">sta</span> <span class="o">&lt;-</span> <span class="nf">melt</span><span class="p">(</span><span class="n">sta[</span><span class="p">,</span><span class="nf">names</span><span class="p">(</span><span class="n">sta</span><span class="p">)</span> <span class="o">!=</span> <span class="s">&#34;NA&#34;</span><span class="n">]</span><span class="p">,</span> <span class="n">id</span><span class="o">=</span><span class="s">&#34;日期&#34;</span><span class="p">,</span> <span class="n">variable.name</span><span class="o">=</span><span class="s">&#34;分类&#34;</span><span class="p">)</span>
</span></span><span class="line"><span class="cl"><span class="nf">makeTsPlot</span><span class="p">(</span><span class="n">sta</span><span class="p">,</span> <span class="s">&#34;法定传染病每月死亡数&#34;</span><span class="p">,</span> <span class="n">xlab</span><span class="o">=</span><span class="s">&#34;年月&#34;</span><span class="p">,</span> <span class="n">ylab</span><span class="o">=</span><span class="s">&#34;例数&#34;</span><span class="p">)</span>
</span></span></code></pre></td></tr></table>
</div>
</div><figure class="center"><img src="https://gh-1251443721.cos.ap-chengdu.myqcloud.com/2017/0406/mot_trend.png"/><figcaption>
            <h4>图 | 法定传染病每月死亡数</h4>
        </figcaption>
</figure>
<p>甲类数字很少，看不太出。而不论乙类还是丙类，发病高峰都在春夏季。死亡高峰却在冬季。</p>
<p>按月算一下均数，看得更清楚。</p>
<div class="highlight"><div class="chroma">
<table class="lntable"><tr><td class="lntd">
<pre tabindex="0" class="chroma"><code><span class="lnt">1
</span><span class="lnt">2
</span><span class="lnt">3
</span><span class="lnt">4
</span><span class="lnt">5
</span></code></pre></td>
<td class="lntd">
<pre tabindex="0" class="chroma"><code class="language-r" data-lang="r"><span class="line"><span class="cl"><span class="n">sta</span> <span class="o">&lt;-</span> <span class="nf">dcast</span><span class="p">(</span><span class="n">dat</span><span class="p">,</span> <span class="nf">format</span><span class="p">(</span>日期<span class="p">,</span> <span class="s">&#34;%m&#34;</span><span class="p">)</span> <span class="o">~</span> 分类<span class="p">,</span> <span class="n">mean</span><span class="p">,</span> <span class="n">value.var</span><span class="o">=</span><span class="s">&#34;发病数&#34;</span><span class="p">)</span>
</span></span><span class="line"><span class="cl"><span class="nf">names</span><span class="p">(</span><span class="n">sta</span><span class="p">)</span><span class="n">[1]</span> <span class="o">&lt;-</span> <span class="s">&#34;月份&#34;</span>
</span></span><span class="line"><span class="cl"><span class="n">sta</span> <span class="o">&lt;-</span> <span class="nf">melt</span><span class="p">(</span><span class="n">sta[</span><span class="p">,</span><span class="m">1</span><span class="o">:</span><span class="m">4</span><span class="n">]</span><span class="p">,</span> <span class="n">id</span><span class="o">=</span><span class="s">&#34;月份&#34;</span><span class="p">,</span> <span class="n">variable.name</span><span class="o">=</span><span class="s">&#34;分类&#34;</span><span class="p">)</span>
</span></span><span class="line"><span class="cl"><span class="n">sta</span><span class="o">$</span>月份 <span class="o">&lt;-</span> <span class="nf">as.integer</span><span class="p">(</span><span class="n">sta</span><span class="o">$</span>月份<span class="p">)</span>
</span></span><span class="line"><span class="cl"><span class="nf">makeTsPlot</span><span class="p">(</span><span class="n">sta</span><span class="p">,</span> <span class="s">&#34;法定传染病平均月发病数&#34;</span><span class="p">,</span> <span class="n">unit</span><span class="o">=</span><span class="m">1</span><span class="p">,</span> <span class="n">ylab</span><span class="o">=</span><span class="s">&#34;平均例数&#34;</span><span class="p">,</span> <span class="n">xvar</span><span class="o">=</span><span class="s">&#34;月份&#34;</span><span class="p">)</span>
</span></span></code></pre></td></tr></table>
</div>
</div><figure class="center"><img src="https://gh-1251443721.cos.ap-chengdu.myqcloud.com/2017/0406/inc_month.png"/><figcaption>
            <h4>图 | 法定传染病月平均发病数</h4>
        </figcaption>
</figure>
<div class="highlight"><div class="chroma">
<table class="lntable"><tr><td class="lntd">
<pre tabindex="0" class="chroma"><code><span class="lnt">1
</span><span class="lnt">2
</span><span class="lnt">3
</span><span class="lnt">4
</span><span class="lnt">5
</span></code></pre></td>
<td class="lntd">
<pre tabindex="0" class="chroma"><code class="language-r" data-lang="r"><span class="line"><span class="cl"><span class="n">sta</span> <span class="o">&lt;-</span> <span class="nf">dcast</span><span class="p">(</span><span class="n">dat</span><span class="p">,</span> <span class="nf">format</span><span class="p">(</span>日期<span class="p">,</span> <span class="s">&#34;%m&#34;</span><span class="p">)</span> <span class="o">~</span> 分类<span class="p">,</span> <span class="n">mean</span><span class="p">,</span> <span class="n">value.var</span><span class="o">=</span><span class="s">&#34;死亡数&#34;</span><span class="p">)</span>
</span></span><span class="line"><span class="cl"><span class="nf">names</span><span class="p">(</span><span class="n">sta</span><span class="p">)</span><span class="n">[1]</span> <span class="o">&lt;-</span> <span class="s">&#34;月份&#34;</span>
</span></span><span class="line"><span class="cl"><span class="n">sta</span> <span class="o">&lt;-</span> <span class="nf">melt</span><span class="p">(</span><span class="n">sta[</span><span class="p">,</span><span class="m">1</span><span class="o">:</span><span class="m">4</span><span class="n">]</span><span class="p">,</span> <span class="n">id</span><span class="o">=</span><span class="s">&#34;月份&#34;</span><span class="p">,</span> <span class="n">variable.name</span><span class="o">=</span><span class="s">&#34;分类&#34;</span><span class="p">)</span>
</span></span><span class="line"><span class="cl"><span class="n">sta</span><span class="o">$</span>月份 <span class="o">&lt;-</span> <span class="nf">as.integer</span><span class="p">(</span><span class="n">sta</span><span class="o">$</span>月份<span class="p">)</span>
</span></span><span class="line"><span class="cl"><span class="nf">makeTsPlot</span><span class="p">(</span><span class="n">sta</span><span class="p">,</span> <span class="s">&#34;法定传染病平均月死亡数&#34;</span><span class="p">,</span> <span class="n">unit</span><span class="o">=</span><span class="m">1</span><span class="p">,</span> <span class="n">ylab</span><span class="o">=</span><span class="s">&#34;平均例数&#34;</span><span class="p">,</span> <span class="n">xvar</span><span class="o">=</span><span class="s">&#34;月份&#34;</span><span class="p">)</span>
</span></span></code></pre></td></tr></table>
</div>
</div><figure class="center"><img src="https://gh-1251443721.cos.ap-chengdu.myqcloud.com/2017/0406/mot_month.png"/><figcaption>
            <h4>图 | 法定传染病平均月死亡数</h4>
        </figcaption>
</figure>
    </div>
    <div class="read-more">
      <a href="/post/infectdis_stat3/" class="read-more-link">阅读更多</a>
    </div>
  </div>
</article>

    <article class="post">
  <header class="post-header">
    <h1 class="post-title"><a class="post-link" href="/post/infectdis_stat2/">一次不太成功的搬砖（中）：rvest爬取法定传染病疫情月报数据</a></h1>
    <div class="post-meta">
      <span class="post-time"> 2017-04-15 </span>
      <div class="post-category">
          <a href="/categories/%E6%95%B0%E6%8D%AE/"> 数据 </a>
          </div>
        <span class="more-meta"> 约 3962 字 </span>
        <span class="more-meta"> 预计阅读 8 分钟 </span>
    </div>
  </header>
  
  <div class="post-content">
    <div class="post-summary">
      <h2 id="数据提取">数据提取</h2>
<p><a href="/post/infectdis_stat1/">接上篇</a></p>
<p>现在，可以着手把存储在附件里的信息结构化提取出来了。但在这之前，还有一个硬骨头要啃。</p>
<p><strong>要把图片附件识别成文本。</strong></p>
<p>首先考虑OCR。但是Abbyy Finereader似乎没有Ubuntu版本。其他一些主流工具要钱。网上找到几个免费OCR工具，试用了下，转出来一堆乱码亲妈都唔识得。一怒之下，放了个大招：</p>
<p><strong>手工录入。</strong></p>
<figure class="center"><img src="https://gh-1251443721.cos.ap-chengdu.myqcloud.com/2017/0406/no_word_to_say.jpg" width="50%"/>
</figure>
<p>这项工作很不好做，让我不禁怀疑起人生。但只有经过这样的磨练，才能对疾控系统的信息化水平有一个实操层面的认识。倘若遇到这方面的项目机会，<strong>记得要把工程预算乘以3</strong>。</p>
<p>图片方面的坑包括：</p>
<ol>
<li>有些图片附件分辨率低到了厚马赛克水准，别说OCR，钛金狗眼也认不出</li>
<li>有些表格作为OLE对象内嵌到了Word文件里，当我满怀希望点进去才发现，这个内嵌对象竟仍是个图片</li>
<li>有个别文件特别贴心地把表格割成两张图，插到了正文里</li>
</ol>
<p>满脸辛酸地处理完了这些杂碎，把doc和xls存作docx和xlsx，接下来总算能把它们当成正常的xml来处理了。</p>
    </div>
    <div class="read-more">
      <a href="/post/infectdis_stat2/" class="read-more-link">阅读更多</a>
    </div>
  </div>
</article>

    <article class="post">
  <header class="post-header">
    <h1 class="post-title"><a class="post-link" href="/post/infectdis_stat1/">一次不太成功的搬砖（上）：爬取法定传染病疫情月报数据</a></h1>
    <div class="post-meta">
      <span class="post-time"> 2017-04-07 </span>
      <div class="post-category">
          <a href="/categories/%E6%95%B0%E6%8D%AE/"> 数据 </a>
          </div>
        <span class="more-meta"> 约 4407 字 </span>
        <span class="more-meta"> 预计阅读 9 分钟 </span>
    </div>
  </header>
  
  <div class="post-content">
    <div class="post-summary">
      <h2 id="带怀旧色彩的源起">带怀旧色彩的源起</h2>
<p>清明节跑去一个休闲浴场<del>鬼混</del>，在电影厅懒散地看掉了《生化危机6》。场地很豪华（但我就是不透露门牌地址），然而剧情不怎么样——女主光环实在太亮了。倒是病毒-丧尸-疫苗的急性传染病建模设定引起了我的一些职业回忆。</p>
<p>毕业后，我曾在基层疾控中心干过一年多，主要做疫苗接种规划和传染病控制。除了定期不定期地出外勤下现场，就是统计数字、写报告、汇编材料。这些数字沿着行政金字塔的梯级层层上卷，最终汇入国家卫生部疾控局官方报表的大海中。</p>
<p>说是大海，视觉上其实就是类似这样的一张表格：</p>
<!-- {% raw %} -->
<figure class="center"><img src="https://gh-1251443721.cos.ap-chengdu.myqcloud.com/2017/0406/example_infectdis_report.png" width="60%"/><figcaption>
            <h4>图 | 法定传染病统计表</h4>
        </figcaption>
</figure>
<!-- {% endraw %} -->
<p>一晃很多年过去了。籍着这个由头，我又登上了卫生部（现在叫卫计委了，早晚改回卫生部）的官网，那感觉就像——拜会一个久寓故居，新近敲了墙、刷了房门的老派的朋友。那些月报还原封不动，化石一样静静地躺在信息动态里。</p>
<!-- {% raw %} -->
<figure class="center"><img src="https://gh-1251443721.cos.ap-chengdu.myqcloud.com/2017/0406/nhfpc_infectdis_news.png"/><figcaption>
            <h4>图 | 卫计委传染病控制动态</h4>
        </figcaption>
</figure>
<!-- {% endraw %} -->
<!-- {% raw %} -->
<figure class="center"><img src="https://gh-1251443721.cos.ap-chengdu.myqcloud.com/2017/0406/example_infectdis_reporttxt.png"/><figcaption>
            <h4>图 | 法定传染病月报</h4>
        </figcaption>
</figure>
<!-- {% endraw %} -->
<p>这种格式报告，行文和结构都很固定，特别适合用机器人来自动生成。比如最新这期，正文就包括了发病、死亡合计总数，以及甲乙丙类各自的发病、死亡数。明细数据放在附表里。掐指一数，从2004年到现在，卫计委也积攒了140多份月报，不少了。何不爬下来看看？</p>
<p>所以，尽管当时身还在浴场，但心在砖场了，已经！</p>
    </div>
    <div class="read-more">
      <a href="/post/infectdis_stat1/" class="read-more-link">阅读更多</a>
    </div>
  </div>
</article>

    <article class="post">
  <header class="post-header">
    <h1 class="post-title"><a class="post-link" href="/post/defensive-assassin/">礼法两难的辱母杀人案</a></h1>
    <div class="post-meta">
      <span class="post-time"> 2017-03-25 </span>
      <div class="post-category">
          <a href="/categories/%E6%97%B6%E8%AF%84/"> 时评 </a>
          </div>
        <span class="more-meta"> 约 4483 字 </span>
        <span class="more-meta"> 预计阅读 9 分钟 </span>
    </div>
  </header>
  
  <div class="post-content">
    <div class="post-summary">
      <figure class="center"><img src="https://gh-1251443721.cos.ap-chengdu.myqcloud.com/2017/0325/yuan_da_gong_mao.jpg"/>
</figure>
<h2 id="炸锅">炸锅</h2>
<p>平静无奇的周末，出了一则摇撼人心的<a href="http://www.infzm.com/content/123659">新闻</a>。</p>
<p>新闻不大。简单说来就一句话：</p>
<div class="admonition info"><p class="admonition-title">案情</p>
<p>一对母子被催债黑帮拘禁、侮辱，儿子愤而刀刺讨债者致一死多伤。法院一审判以无期徒刑。</p>
</div>
<p>就这？“杀人者死，伤人者刑”的原则，两千年来大家都认。摘要看起来没毛病啊，摇撼啥呢？</p>
<p>把折叠的关键词徐徐展开，细节立体而狰狞。女企业家向当地某富豪借了135万高利贷，偿还184万现金+70万房产后还是不够（月息10%）。于是债主找了11个黑社会去讨债。怎么讨的呢？先到厂里骚扰，堵门、埋灶，按送葬的标准来闹。次日，黑社会将母子俩拘禁在办公室：辱骂、掌掴、摁马桶、鞋子熏，带头人还当着其中儿子的面<strong>脱下裤子侮辱其母</strong>。施暴不断升级的同时，债务人做了什么？当然是良民的自救SOP：第一日拨打110和市长热线，第二日电话报警。但热线没解决问题，警察只来刷了个脸，告诫黑社会“<strong>要账可以，不许动手打人</strong>”，便启动警车要走（事后称去进一步了解情况）。女企业家的儿子当即失控，拿起水果刀<strong>刺死、刺伤该团伙多人</strong>。</p>
<p>该事件被冠以“辱母杀人案”，在社交媒体上快速发酵。这个热词目前在百度、微博、微信都还搜不到（或者已经被屏蔽），但以之前并不出名的事发地“冠县”为题搜索，热词趋势如下：</p>
    </div>
    <div class="read-more">
      <a href="/post/defensive-assassin/" class="read-more-link">阅读更多</a>
    </div>
  </div>
</article>

    <article class="post">
  <header class="post-header">
    <h1 class="post-title"><a class="post-link" href="/post/political-compass/">朝左还是朝右？来看一份17万行的小样本数据</a></h1>
    <div class="post-meta">
      <span class="post-time"> 2017-03-05 </span>
      <div class="post-category">
          <a href="/categories/%E6%95%B0%E6%8D%AE/"> 数据 </a>
          </div>
        <span class="more-meta"> 约 9832 字 </span>
        <span class="more-meta"> 预计阅读 20 分钟 </span>
    </div>
  </header>
  
  <div class="post-content">
    <div class="post-summary">
      <figure class="center"><img src="https://gh-1251443721.cos.ap-chengdu.myqcloud.com/2017/0305/left_right_wing_us.jpg"/>
</figure>
<h2 id="回味2016">回味2016</h2>
<figure class="center"><img src="https://gh-1251443721.cos.ap-chengdu.myqcloud.com/2017/0305/2015113154244635.png"/>
</figure>
<p>2017年已经热火朝天地过掉两个月。现在回过头去评价2016年，显得反射弧特别长。但我仍禁不住要多回头看两眼，因为直到现在，我还不能完全理解它。</p>
<p>表面看，鹄年一声炮响，送来了英国脱欧和Trump，以及无数脍炙人口的自媒体段子。华尔街全球化秩序的崩裂，给国际政治投下两个巨大的阴影。这源自30年前苏东剧变和中国改开，全球化捡到两个巨大的劳动力要素价值洼地，于是轰鸣运转、财源滚滚。而今红利渐渐吃尽，而劳动生产率其实并没有什么革命性增长，资本回报率一天不如一天，旧模式不免穷途末路。而它带来的副产物（贫富分化、难民危机、恐怖主义、债务危机）却开始反噬全球化主导经济体自身。所以在可以预计的未来，崩裂还将加速，阴影也将进一步扩大。</p>
<p>但崩裂成什么模样，并不好说。布雷顿森林体系崩裂，其实并没有闹出什么大浪来。但凡尔赛体系的崩裂，就直接导致了第二次世界大战。西晋帝国体系的崩溃，带来了长达五百年的大分裂。如果把回望尺度放大一点，2016年可能只是历史进程的左右摇摆周期中的一小部分。19世纪后期西方自由主义大发展，对内损害了平等，对外制造了殖民，结果殖民地红利吃尽后，在20世纪催生了两次世界大战，以及追求平等的共运和反殖民运动。然而平等主义在吃完战后红利就逐渐陷入了极权和经济乏力，于是新自由主义回潮。这波回潮绵延至今（构成了我们这代人迄今人生经历的主体），如今同样碰到了瓶颈，于是向平等转向的声音又高涨起来。每一次左右摇摆，几乎都伴随着战争、动乱和政经格局的洗牌。</p>
<p>每一次摇摆，大输家都是那些共识建设较差的社会。如果社会共识不能应付新的形势，或在形势变化面前发生断裂，都会增加内生动乱的风险。而赢家，则是把自身共识引领到世界的那个社会。</p>
<p>问题来了，</p>
    </div>
    <div class="read-more">
      <a href="/post/political-compass/" class="read-more-link">阅读更多</a>
    </div>
  </div>
</article>

    <article class="post">
  <header class="post-header">
    <h1 class="post-title"><a class="post-link" href="/post/scandinavia-aurora-trip-2017-6/">瑞典挪威逐光七日记(6)：Stockholm</a></h1>
    <div class="post-meta">
      <span class="post-time"> 2017-02-16 </span>
      <div class="post-category">
          <a href="/categories/%E6%97%85%E6%B8%B8/"> 旅游 </a>
          </div>
        <span class="more-meta"> 约 1926 字 </span>
        <span class="more-meta"> 预计阅读 4 分钟 </span>
    </div>
  </header>
  
  <div class="post-content">
    <div class="post-summary">
      <h2 id="2月6日">2月6日</h2>
<p>上午坐飞机回到股票岛。​旅程进入收官阶段。</p>
<p>和去Tromsø一样，离开Tromsø同样花掉了几乎一天的时间。原因是这样，到Arlanda机场已经三点多了，第二天下午五点多的飞机回国，基本上用在股票岛的时间不超过24小时。这不是启用24小时票的绝佳场合吗？于是，为了省钱​，我们买了张24小时票，浩浩荡荡向市中心挺进。</p>
<p>但噩耗是，24小时票可以用于大斯德哥尔摩地区的所有公共交通——公交车、地铁——除了机场大巴和机场特快之外。基本上，就是一张“除了刺身其他都可以畅吃的自助餐优惠券”。</p>
<p>无可奈何，搭上一辆公交车，向西坐到迈什塔（Märsta​），再转通勤轨交（pendeltåg，读音像“偏头陀”），哐当哐当坐了一个多小时才来到西北郊的索尔纳（Solna，大名鼎鼎的Karolinska医学院就在Solna和斯德哥尔摩交界）。又转公交，开到酒店附近。</p>
<p>​已经六点，天又全黑了。看到路边有家超市，卖熟食和沙拉，就点了些土豆泥、肉和奶油汤。令人惊喜的是，还卖炒米，店员看起来像印度人，果然是产米区出来的，不忘本！赶紧买了些。结果吃进嘴里差点吐了，这米兼具夹生和过火两种属性，又干又硬。作为印度人未免太给你们祖国丢脸了吧。</p>
<p>​吃完饭，check in，放好行李。电视里都是瑞典语。做点什么呢？</p>
<p>​干脆把24小时票用到极致——去坐地铁玩。</p>
    </div>
    <div class="read-more">
      <a href="/post/scandinavia-aurora-trip-2017-6/" class="read-more-link">阅读更多</a>
    </div>
  </div>
</article>

    <article class="post">
  <header class="post-header">
    <h1 class="post-title"><a class="post-link" href="/post/scandinavia-aurora-trip-2017-5/">瑞典挪威逐光七日记(5)：Tromsø</a></h1>
    <div class="post-meta">
      <span class="post-time"> 2017-02-15 </span>
      <div class="post-category">
          <a href="/categories/%E6%97%85%E6%B8%B8/"> 旅游 </a>
          </div>
        <span class="more-meta"> 约 1745 字 </span>
        <span class="more-meta"> 预计阅读 4 分钟 </span>
    </div>
  </header>
  
  <div class="post-content">
    <div class="post-summary">
      <div class="admonition question"><p class="admonition-title">不是逐光游吗，说好的光呢？</p>
<p>​不要急，这就来。</p>
<h2 id="极光">极光</h2>
</div>
<p>前次赏光效果不佳，这次决定挂靠个组织。​晚上花1000克朗/人报了个极光团。这是个个体户极光团，所有资产就一辆面包车。观测点都在免费的野地，没有营地也没有帐篷。导游是个加拿大出生的澳大利亚人，跑到Tromso做电影和艺术会展，兼职做做导游。</p>
<p>当天天气很好，各项预测指数都爆表，看到极光的几率很大。8点钟，司机把车开到主岛南端的小码头，一群人​顺着结冰的路面走到埠头上，架起三脚架，开始朝西看。此处虽然离市中心只有几公里，但位置很讨巧，灯光已经非常稀疏，利于观测。</p>
<p>我以为得等上个两三小时，结果很快夜空就起了变化。肉眼看到的是薄雾一般的暗光，但微微泛绿，快速地变化形状。光带的上端是闪烁的向上冲的芒刺。​这无疑就是极光了。</p>
<p>这未免太容易了吧？真不敢相信。跑这么点路就能看这么清楚，真是知识创造财富。​</p>
<p>由于没有三脚架，只能用手端着手机延时曝光，画面糊成印象派。​</p>
<p>​司机很有经验，调好相机参数，先丢一发暗闪光，然后再按快门，就能同时捕捉到极光和人像，明暗对比非常合适。</p>
<p>​看了半个多小时，再次发车，开过Sandnessund桥，绕到城北Kvaløya岛的一个山坳里。山体挡住了月亮，夜空显得格外黑。在这里，极光分外妖娆。时而横贯夜空，时而星芒绽放，时而交织掩映，时而轻纱环笼。极光的变换非常迅速，突然间盈满夜空，甚至会旋转和舞动，但倏忽间又消隐不见。</p>
<figure class="center"><img src="https://gh-1251443721.cos.ap-chengdu.myqcloud.com/2017/0215/001ZzLsRzy78OjDxothff.jpeg" width="100%"/><figcaption>
            <h4>图：极光</h4>
        </figcaption>
</figure>
    </div>
    <div class="read-more">
      <a href="/post/scandinavia-aurora-trip-2017-5/" class="read-more-link">阅读更多</a>
    </div>
  </div>
</article>

    </section>
  
  <nav class="pagination">
    <a class="prev" href="/page/4/">
        <i class="iconfont icon-left"></i>
        <span class="prev-text">上一页</span>
      </a>
    <a class="next" href="/page/6/">
        <span class="next-text">下一页</span>
        <i class="iconfont icon-right"></i>
      </a>
  </nav>
        </div>
        

      </div>
    </main>

    <footer id="footer" class="footer">
      <div class="social-links">
      <a href="mailto:madlogos@gmail.com" class="iconfont icon-email" title="email"></a>
      <a href="https://stackoverflow.com/users/5455754/madlogos?tab=profile" class="iconfont icon-stack-overflow" title="stack-overflow"></a>
      <a href="https://twitter.com/madlogos" class="iconfont icon-twitter" title="twitter"></a>
      <a href="https://www.facebook.com/madlogos" class="iconfont icon-facebook" title="facebook"></a>
      <a href="http://www.linkedin.com/in/yiying-wang/" class="iconfont icon-linkedin" title="linkedin"></a>
      <a href="https://plus.google.com/&#43;%E6%B1%AA%E8%BD%B6%E9%A2%96madlogos" class="iconfont icon-google" title="google"></a>
      <a href="http://github.com/madlogos" class="iconfont icon-github" title="github"></a>
      <a href="https://weibo.com/madlogos/" class="iconfont icon-weibo" title="weibo"></a>
      <a href="https://www.zhihu.com/people/madlogos/" class="iconfont icon-zhihu" title="zhihu"></a>
      <a href="https://www.douban.com/people/Jandeaux/" class="iconfont icon-douban" title="douban"></a>
      <a href="https://jandeaux.tumblr.com" class="iconfont icon-tumblr" title="tumblr"></a>
      <a href="https://www.instagram.com/jandeaux/" class="iconfont icon-instagram" title="instagram"></a>
      <a href="https://gitlab.com/madlogos" class="iconfont icon-gitlab" title="gitlab"></a>
      <a href="https://space.bilibili.com/384080442" class="iconfont icon-bilibili" title="bilibili"></a>
  <a href="https://madlogos.github.io/index.xml" type="application/rss+xml" class="iconfont icon-rss" title="rss"></a>
</div>

<div class="copyright">
  <span class="power-by">
    由 <a class="hexo-link" href="https://gohugo.io">Hugo</a> 强力驱动
  </span>
  <span class="division">|</span>
  <span class="theme-info">
    主题 - 
    <a class="theme-link" href="https://github.com/olOwOlo/hugo-theme-even">Even</a>
  </span>

  <div class="busuanzi-footer">
    <span id="busuanzi_container_site_pv"> 本站总访问量 <span id="busuanzi_value_site_pv"><img src="/img/spinner.svg" alt="spinner.svg"/></span> 次 </span>
      <span class="division">|</span>
    <span id="busuanzi_container_site_uv"> 本站总访客数 <span id="busuanzi_value_site_uv"><img src="/img/spinner.svg" alt="spinner.svg"/></span> 人 </span>
  </div>

  <span class="copyright-year">
    &copy; 
    2017 - 
    2022
    
    <span class="author">madlogos</span>
  </span>
</div>

    </footer>

    <div class="back-to-top" id="back-to-top">
      <i class="iconfont icon-up"></i>
    </div>
  </div>
  
  <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.js" integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"></script>
  <script src="https://cdn.jsdelivr.net/npm/slideout@1.0.1/dist/slideout.min.js" integrity="sha256-t+zJ/g8/KXIJMjSVQdnibt4dlaDxc9zXr/9oNPeWqdg=" crossorigin="anonymous"></script>
  <script src="https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js" integrity="sha256-yt2kYMy0w8AbtF89WXb2P1rfjcP/HTHLT7097U8Y5b8=" crossorigin="anonymous"></script><script></script><script src="https://cdn.jsdelivr.net/npm/raphael@2.3.0/raphael.min.js" integrity="sha256-TabprKdeNXbSesCWLMrcbWSDzUhpAdcNPe5Q53rn9Yg=" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/flowchart.js@1.12.1/release/flowchart.min.js" integrity="sha256-ANSuVJkHZftRURALG24omixaZG+Sb51/+JY6EDa7MdE=" crossorigin="anonymous"></script><script></script><script src="https://cdn.jsdelivr.net/npm/webfontloader@1.6.28/webfontloader.js" integrity="sha256-4O4pS1SH31ZqrSO2A/2QJTVjTPqVe+jnYgOWUVr7EEc=" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/snapsvg@0.5.1/dist/snap.svg-min.js" integrity="sha256-oI+elz+sIm+jpn8F/qEspKoKveTc5uKeFHNNVexe6d8=" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/underscore@1.10.2/underscore-min.js" integrity="sha256-av1TvywtZ4ZqyCj/6HdtCHSJdn80HAzTgEBTJt/O8uc=" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/@rokt33r/js-sequence-diagrams@2.0.6-2/dist/sequence-diagram-min.js" integrity="sha256-eadHf9g1REH9Wvp2FLV/D9vKNvQUFKuVPgWFvmMQxBE=" crossorigin="anonymous"></script>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@rokt33r/js-sequence-diagrams@2.0.6-2/dist/sequence-diagram-min.css" integrity="sha256-On01v36B8LRDuL2tqhqs7Gb3Cm/NIpsLFy4OarOodUA=" crossorigin="anonymous">



<script type="text/javascript" src="/js/main.min.4ae89da218555efa0e7093a20b92017d2e1202b66fff9fc2edf4cb8d44b44c6e.js"></script>
  <script type="text/javascript">
    window.MathJax = {
      tex: {
        inlineMath: [['$','$'], ['\\(','\\)']],
        tags: 'ams',
        }
    };
  </script>
  <script async src="https://cdn.jsdelivr.net/npm/mathjax@3.0.5/es5/tex-mml-chtml.js" integrity="sha256-HGLuEfFcsUJGhvB8cQ8nr0gai9EucOOaIxFw7qxmd+w=" crossorigin="anonymous"></script>


<script type="application/javascript">
var doNotTrack = false;
if (!doNotTrack) {
	window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
	ga('create', 'UA-68964085-2', 'auto');
	ga('set', 'anonymizeIp', true);
	ga('send', 'pageview');
}
</script>
<script async src='https://www.google-analytics.com/analytics.js'></script>
<script id="baidu_analytics">
  var _hmt = _hmt || [];
  (function() {
    if (window.location.hostname === 'localhost') return;
    var hm = document.createElement("script"); hm.async = true;
    hm.src = "https://hm.baidu.com/hm.js?f221e23428218df65adeefe00f85e7ed";
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(hm, s);
  })();
</script>

<script id="baidu_push">
  (function(){
    if (window.location.hostname === 'localhost') return;
    var bp = document.createElement('script'); bp.async = true;
    var curProtocol = window.location.protocol.split(':')[0];
    if (curProtocol === 'https') {
      bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
    }
    else {
      bp.src = 'http://push.zhanzhang.baidu.com/push.js';
    }
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(bp, s);
  })();
</script>


<script src="/js/custom.js"></script>


</body>
</html>
